@import "compass";
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";

@font-face {
	font-family: 'Hero';
	src: url('fonts/Hero.eot');
	src: local('?'), url('fonts/Hero.woff') format('woff'), url('fonts/Hero.ttf') format('truetype'), url('fonts/Hero.svg') format('svg');
	font-weight: normal;
	font-style: normal; 
}

@font-face {
	font-family: 'HeroLight';
	src: url('fonts/Hero Light.eot');
	src: local('?'), url('fonts/Hero Light.woff') format('woff'), url('fonts/Hero Light.ttf') format('truetype'), url('fonts/Hero Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AlanisHand';
	src: url('fonts/AlanisHand.eot');
	src: local('?'), url('fonts/AlanisHand.woff') format('woff'), url('fonts/AlanisHand.ttf') format('truetype'), url('fonts/AlanisHand.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
}

#root {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;

	/* Header
	-----------------------------------------------------------------------------*/
	header {
		background-image: url(/images/header.png);
		height: 430px;
		.logo {
			text-indent: -99999px;
			background: url(/images/logo_big.png) no-repeat;
			width: 377px;
			height: 420px;
		}
	}

	/* Middle
	-----------------------------------------------------------------------------*/
	section {
		background: #3b5998;
		height:430px; 
		.search{
			padding-top: 20px;
			margin: 0 auto;
			width: 300px;
		}
	}
}

/* Footer
-----------------------------------------------------------------------------*/
footer {
	background: url(/images/dark_wood.png) repeat;
	margin: -100px auto 0;
	height: 100px;
	position: relative;
}